<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    
    <title>课程详细页</title>
    <jsp:include page="/pages/common/common.jsp"></jsp:include>
    <link href="../../css/css.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="../../js/jquery/jquery-1.8.3.js"></script>
	<script type="text/javascript" src="../../js/common/curvycorners.src.js"></script> 
	

  </head>
  
  <body>
  <div style="width:100%;height:30px;">
		<jsp:include page="/pages/common/title.jsp"/>
	</div>
   <div style="text-align:center">
    <div id="course_intro">
	             <div id="info_pic"><img src="../../images/course/course_info.jpg" /></div>
				 <div id="info_right">
				     <span class="title">软件工程方法、技术、工具</span>
					 <div id="info_key">
					     <div id="key_left">
						    <div class="span_about">导师：</div><div class="span_about2">Mr Lemen<br/></div>
							<div class="span_about">声望：</div><div class="span_about2">*****<br/></div>
							<div class="span_about">价格：</div><div class="span_about2">￥999<br/></div>
							<div class="span_about">学员：</div><div class="span_about2">1880人<br/></div>
							<div class="span_about">评价：</div><div class="span_about2">*********<br/></div>
							<div class="span_about">温馨提示：</div><div class="span_about2">本课程体验<br/>可以免费体验<br/>并且可以预支付30%！</div>
							
						 </div>
						 <div id="key_right">
						     
							   <span style="font-size:18px; font-weight:bold;">课程介绍:</span> 
								我是介绍我是介绍我是介绍我是介绍我是介绍我是介绍我是介绍我是介绍我是介绍我是介绍我是介绍我是介绍我是介绍我是介绍我是介介绍。

							 
						 </div>
						  <div id="clear"></div>
					 </div>
					 
				 </div>
				 <div id="clear"></div>
	   </div>
	  
	   <div id="course_info">
	         <div id="info">
			        <div id="onlineCourse">
					   <div class="name">在线课堂</div>
					   <div class="course_lists">
					      <ul>
						      <li>
							     <div class="room_div">
								      <div class="room_name">在线课堂</div>
									  <div >日期:2012-05-18</div>
									  <div >时间:08:00-09:00</div>
									  <div >预约人数：28/200人</div>
								 </div>
							  </li>
						     <li>
							     <div class="room_div">
								      <div class="room_name">在线课堂</div>
									  <div >日期:2012-05-18</div>
									  <div >时间:08:00-09:00</div>
									  <div >预约人数：28/200人</div>
								 </div>
							  </li>
							  <li>
							     <div class="room_div">
								      <div class="room_name">在线课堂</div>
									  <div >日期:2012-05-18</div>
									  <div >时间:08:00-09:00</div>
									  <div >预约人数：28/200人</div>
								 </div>
							  </li>
							 
						  </ul>
					   </div>
					   <!--课程目录-->
					   <div id="contents">
					       <div class="section">
						        <div class="section_title">
								    Section 1: Get Start
								</div>
								<div class="section_content">
								    <ul>
									   <li>
									      <a href="#" onClick="location.href='buyCourse.jsp'">
									      <div class="one">
										      <div class="one_type">
								              Video
								             </div>
											 <div class="one_title">
											     <span>Lecture 1</span>  <br/>
												 <span>开场白</span>
											 </div>
											 <div id="clear"></div>
										  </div> 
										  </a>  
									   </li>
									   
									    <li>
									     <a href="#" onClick="location.href='buyCourse.jsp'">
									      <div class="one">
										      <div class="one_type">
								              Video
								             </div>
											 <div class="one_title">
											     <span>Lecture 1</span>  <br/>
												 <span>开场白</span>
											 </div>
											 <div id="clear"></div>
										  </div> 
										  </a>  
									   </li>
									    
										 <li>
										  <a href="#" onClick="location.href='buyCourse.jsp'">
									      <div class="one">
										      <div class="one_type">
								              Video
								             </div>
											 <div class="one_title">
											     <span>Lecture 1</span>  <br/>
												 <span>开场白</span>
											 </div>
											 <div id="clear"></div>
										  </div>  
										  </a> 
									   </li>
									   
									    <li>
									      <div class="one">
										      <div class="one_type">
								              Video
								             </div>
											 <div class="one_title">
											     <span>Lecture 1</span>  <br/>
												 <span>开场白</span>
											 </div>
											 <div id="clear"></div>
										  </div>   
									   </li>
										
									</ul>
								</div>
						   </div>
						   <div class="section">
						        <div class="section_title">
								    Section 1: Get Start
								</div>
								<div class="section_content">
								    <ul>
									   <li>
									      <div class="one">
										      <div class="one_type">
								              Video
								             </div>
											 <div class="one_title">
											     <span>Lecture 1</span>  <br/>
												 <span>开场白</span>
											 </div>
											 <div id="clear"></div>
										  </div>   
									   </li>
									   
									    <li>
									      <div class="one">
										      <div class="one_type">
								              Video
								             </div>
											 <div class="one_title">
											     <span>Lecture 1</span>  <br/>
												 <span>开场白</span>
											 </div>
											 <div id="clear"></div>
										  </div>   
									   </li>
									    
										 <li>
									      <div class="one">
										      <div class="one_type">
								              Video
								             </div>
											 <div class="one_title">
											     <span>Lecture 1</span>  <br/>
												 <span>开场白</span>
											 </div>
											 <div id="clear"></div>
										  </div>   
									   </li>
									   
									    <li>
									      <div class="one">
										      <div class="one_type">
								              Video
								             </div>
											 <div class="one_title">
											     <span>Lecture 1</span>  <br/>
												 <span>开场白</span>
											 </div>
											 <div id="clear"></div>
										  </div>   
									   </li>
										
									</ul>
								</div>
						   </div>
					   
					   </div>
					</div>
			 </div>
			 <div id="review_tutor">
			     <!--导师介绍-->
			      <div class="common_div" style="width:240px; height:200px;">
				      <div class="common_title" style="width:240px; height:30px;">
						导师介绍
					 </div>
					<div class="common_content" style="width:240px; height:168px; background:#eeeeee; ">
					     <div id="tutor_photo"><img src="../../images/course/course_info.jpg" /></div>
						 <div id="tutor_intro">
						     <span>Mr Lemen</span><br/>
							 <span>声望：*****</span><br/>
							 <span>学历：大专</span><br/>
							 <span>简介：我是坏人</span><br/>
						 </div>
						 <div id="clear"></div>
					</div>
				  </div>
				  
				  <!--学员评论-->
			      <div class="common_div" style="width:240px; height:300px; margin-top:5px;">
				      <div class="common_title" style="width:240px; height:30px;">
					      学员评论
					 </div>
					<div class="common_content" style="width:240px; height:268px; background:#eeeeee;">
					      <div class="review_li">
					      <div id="student_photo"><img src="../../images/course/course_info.jpg" /></div>
						  <div id="review_content">
						       <div>不错哦不错哦不错哦不错哦不错哦不错哦</div>
						       <div style="color:#FF0000;">*******</div>
						       <div style="text-align:right;">By chaowen</div>
						  </div>
						  </div>
						  
						  <div class="review_li">
					      <div id="student_photo"><img src="../../images/course/course_info.jpg" /></div>
						  <div id="review_content">
						       <div>不错哦不错哦不错哦不错哦不错哦不错哦</div>
						       <div style="color:#FF0000;">*******</div>
						       <div style="text-align:right;">By chaowen</div>
						  </div>
						  </div>
						  
						  <div class="review_li">
					      <div id="student_photo"><img src="../../images/course/course_info.jpg" /></div>
						  <div id="review_content">
						       <div>不错哦不错哦不错哦不错哦不错哦不错哦</div>
						       <div style="color:#FF0000;">*******</div>
						       <div style="text-align:right;">By chaowen</div>
						  </div>
						  </div>
					</div>
				  </div>
			 </div>
			 <div id="clear"></div>
	   </div>
	  </div>
  </body>
</html>
